<template>
    <div>
        <el-container>
            <el-aside width="200px"><navbar></navbar></el-aside>
            <el-container>
                <el-header><Header></Header></el-header>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import navbar from '@/components/navbar'
import Header from '@/components/header'
// import heimaMsg from '@/views/heimaMsg'
export default {
    components: {
        navbar,
        Header,
        // heimaMsg
    }
}
</script>

<style lang="scss" scoped>


.el-aside {
    background-color: #D3DCE6;
    color: #333;
    height: calc(100vh);
    box-sizing: border-box;
}

.el-main {
    background-color: #F9FAFD;
    color: #333;
    height: calc(100vh - 60px);
}
</style>